<template>
  <div class="test-a">
    <!-- <div class="test-height"> -->
    <div class="item-div" v-if="isShow.tableWaitingWork">
      <TableWaitingWork></TableWaitingWork>
    </div>
    <div class="item-div" v-if="isShow.introduce">
      <OneTwo></OneTwo>
    </div>
    <div class="item-div" v-if="isShow.educationBackground">
      <TwoOne></TwoOne>
    </div>
    <div class="item-div" v-if="isShow.prsonnelChanges">
      <TwoTwo></TwoTwo>
    </div>
    <div class="item-div" v-if="isShow.logistics">
      <ThereOne></ThereOne>
    </div>
    <div class="item-div" v-if="isShow.profits">
      <ThereTwo></ThereTwo>
    </div>
    <!-- </div> -->

    <div class="down"></div>
  </div>
</template>

<script>
import OneTwo from "../components/xz-echarts/OneTwo.vue";
import TwoOne from "../components/xz-echarts/TwoOne.vue";
import TwoTwo from "../components/xz-echarts/TwoTwo.vue";
import ThereOne from "../components/xz-echarts/ThereOne.vue";
import ThereTwo from "../components/xz-echarts/ThereTwo.vue";
import TableWaitingWork from "../components/TableWaitingWork.vue";
export default {
  data() {
    return {
      isShow: {}
    };
  },
  components: {
    OneTwo,
    TwoOne,
    TwoTwo,
    ThereOne,
    ThereTwo,
    TableWaitingWork
  },
  methods: {
    getChartShow() {
      let ishow = {};
      const { shows } = this.$store.getters.getChartsShowByModule("行政管理");
      shows.forEach(item => {
        ishow[`${item.key}`] = item.show;
      });
      this.isShow = ishow;
    }
  },
  mounted() {
    this.getChartShow();
  }
};
</script>
